﻿.x_hide {
	display: none;
}

.x_show {
	display:block;
}

/*字数超出省略*/
.font-out-set {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*加载效果*/
.loading-container {
}

	.loading-container .loading {
		position: fixed;
		width: 145px;
		padding: 23px 0px 5px 0px;
		z-index: 5000;
		top: 180px;
		left: 50%;
		margin-left: -100px;
		background: rgba(17, 17, 17, 0.7);
		text-align: center;
		border-radius: 5px;
		color: #FFFFFF;
	}

		.loading-container .loading span {
			display: inline-block;
			width: 8px;
			height: 40px;
			border-radius: 4px;
			background: lightgreen;
			margin-left: 4px;
			-webkit-animation: load 1s ease infinite;
		}

		.loading-container .loading .loading-text {
			text-align: center;
			margin-top: 10px;
		}

		.loading-container .loading span:nth-child(2) {
			-webkit-animation-delay: 0.2s;
		}

		.loading-container .loading span:nth-child(3) {
			-webkit-animation-delay: 0.4s;
		}

		.loading-container .loading span:nth-child(4) {
			-webkit-animation-delay: 0.6s;
		}

		.loading-container .loading span:nth-child(5) {
			-webkit-animation-delay: 0.8s;
		}

@-webkit-keyframes load {
	0%,100% {
		height: 40px;
		background: lightgreen;
	}

	50% {
		height: 70px;
		margin-top: -15px;
		margin-bottom: -15px;
		background: lightblue;
	}
}


/*日志显示*/
.api_errmsg {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #c7c0c0;
	z-index: 9999;
	word-wrap: break-word;
}


/*微信【加载中】效果*/

/*遮罩*/
.weui-mask_transparent {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.weui-toast {
	position: fixed;
	z-index: 5000;
	width: 7.6em;
	min-height: 7.6em;
	top: 180px;
	left: 50%;
	margin-left: -3.8em;
	background: rgba(17,17,17,0.7);
	text-align: center;
	border-radius: 5px;
	color: #FFFFFF;
}

.weui-icon_toast {
	margin: 22px 0 0;
	display: block;
}

.weui-toast__content {
	margin: 15px 0 15px;
}

.weui-loading {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	animation: weuiLoading 1s steps(12, end) infinite;
	background: transparent url() no-repeat;
	background-size: 100%;
}

/*加载中动画*/
@-webkit-keyframes weuiLoading {
	0% {
		transform: rotate3d(0, 0, 1, 0deg);
	}

	100% {
		transform: rotate3d(0, 0, 1, 360deg);
	}
}

@keyframes weuiLoading {
	0% {
		transform: rotate3d(0, 0, 1, 0deg);
	}

	100% {
		transform: rotate3d(0, 0, 1, 360deg);
	}
}

/*淡入淡出动画*/
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.weui-animate-fade-in {
	animation: fadeIn ease .3s forwards;
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.weui-animate-fade-out {
	animation: fadeOut ease .3s forwards;
}
/*微信【加载中】效果*/
